@import './config-common.scss';

// 皮肤 Mobile 端页面配置
$--skin-page-mobile-configs: (
  // 富文本字体色
  'mobile-rich-text-content:text-color': map.get($--skin-basic-configs, 'main-text-color'),

  // 引导页背景色
  'mobile-splash:bg-color': map.get($--skin-basic-configs, 'main-bg-color'),
  // 引导页倒计时外层背景色
  'mobile-splash-live-count-down-wrap:bg-color': map.get($--skin-basic-configs, 'sub-bg-color'),

  // 页脚字体色
  'mobile-page-footer:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.6),

  // 基础信息频道标题字体色
  'mobile-basic-info-channel-title:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 基础信息开始时间字体色
  'mobile-basic-info-start-time:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 基础信息页面浏览次数字体色
  'mobile-basic-info-page-view:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 基础信息主持人字体色
  'mobile-basic-info-publisher:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 基础信息点赞数字体色
  'mobile-basic-info-like:text-color': map.get($--skin-basic-configs, 'main-text-color'),

  // 倒计时方块背景色
  'mobile-count-down-square-item:bg-color': #F4F4F4,
  // 倒计时方块远点背景色
  'mobile-count-down-square-item-dot:bg-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.6),
  // 倒计时方块数字字体色
  'mobile-count-down-square-item:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 倒计时方块文案字体色
  'mobile-count-down-square-item-word:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.7),
  // 倒计时方块边框色
  'mobile-count-down-square-item:border-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.1),

  // 直播预约按钮背景色
  'mobile-live-booking-button:bg-color': map.get($--skin-basic-configs, 'primary-color'),

  // 关注按钮背景色
  'mobile-follow-button:bg-color': map.get($--skin-basic-configs, 'primary-color'),
  // 关注按钮字体颜色
  'mobile-follow-button:text-color': $--color-white,

  // 聊天消息输入框背景色
  'mobile-msg-input:bg-color': rgba($--color-white, 0.9),
  // 聊天消息输入框字体色
  'mobile-msg-input:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 聊天消息输入框占位符字体色
  'mobile-msg-input-placeholder:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.6),
  // 聊天消息输入框滚动条颜色
  'mobile-msg-input:scrollbar-color': rgba(21, 113, 208, 0.2),
  // 聊天消息输入框图标字体色
  'mobile-msg-input-suffix-icon:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.7),

  // 聊天消息发送按钮字体颜色
  'mobile-msg-send-button:text-color': map.get($--skin-basic-configs, 'main-highlight-text-color'),

  // 表情选择面板背景色
  'mobile-emotion-panel:bg-color': #EDEDED,
  // 表情选择面板下的发送按钮字体色
  'mobile-emotion-panel-send-button:bg-color': map.get($--skin-basic-configs, 'main-highlight-text-color'),
  // 表情选择面板下的输入框背景色
  'mobile-emotion-panel-msg-input:bg-color': $--color-white,
  // 表情选择面板下的输入框字体色
  'mobile-emotion-panel-msg-input:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 表情选择面板下的输入框占位符字体色
  'mobile-emotion-panel-msg-input-placeholder:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.6),
  // 表情选择面板下的输入框图标字体色
  'mobile-emotion-panel-msg-input-suffix-icon:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.7),
  // 表情选择类型选择背景色
  'mobile-emotion-panel-type:bg-color': rgba($--color-white, 0.4),
  // 表情选择类型选择选中背景色
  'mobile-emotion-panel-type--active:bg-color': rgba($--color-white, 0.8),
  // 表情选择类型选择字体色
  'mobile-emotion-panel-type:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.7),
  // 表情选择类型选择选中字体色
  'mobile-emotion-panel-type--active:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 表情选择删除按钮背景色
  'mobile-emotion-panel-del-button:bg-color': rgba($--color-white, 0.4),
  // 表情选择删除按钮字体色
  'mobile-emotion-panel-del-button:text-color': map.get($--skin-basic-configs, 'main-text-color'),

  // 更多按钮背景色
  'mobile-more-button:bg-color': rgba($--color-white, 0.9),
  // 更多按钮图标图片
  'mobile-more-button:icon-image': './imgs/pws-icon-more.png',
  // 更多面板背景色
  'mobile-more-panel:bg-color': #EDEDED,
  // 更多面板字体色
  'mobile-more-panel:text-color': map.get($--skin-basic-configs, 'main-text-color'),

  // 打赏按钮背景色
  'mobile-donate-button:bg-color': rgba($--color-white, 0.9),
  // 打赏面板背景色
  'mobile-donate-panel:bg-color': #EDEDED,
  // 打赏面板标题字体色
  'mobile-donate-panel-header-title:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 打赏面板返回字体色
  'mobile-donate-panel-header-close:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 打赏礼物选中背景色
  'mobile-donate-good--active:bg-color': $--color-white,
  // 打赏礼物选中边框色
  'mobile-donate-good--active:border-color': rgba($--color-black, 0.3),
  // 打赏礼物道具名称字体色
  'mobile-donate-good-name:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 打赏礼物道具价格字体色
  'mobile-donate-good-price:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.5),
  // 打赏切换指示点颜色
  'mobile-donate-indicator:bg-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.4),
  // 打赏切换指示点选中颜色
  'mobile-donate-indicator--active:bg-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 打赏面板选项背景色
  'mobile-donate-panel-option:bg-color': $--color-white,
  // 打赏面板选项字体色
  'mobile-donate-panel-option:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.6),
  // 打赏面板选项选中背景色
  'mobile-donate-panel-option--active:bg-color': $--color-white,
  // 打赏面板选项选中字体色
  'mobile-donate-panel-option--active:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 打赏面板选项选中边框色
  'mobile-donate-panel-option--active:border-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.3),
  // 打赏面板发送按钮背景色
  'mobile-donate-panel-send-button:bg-color': map.get($--skin-basic-configs, 'primary-color'),
  // 打赏面板发送按钮字体色
  'mobile-donate-panel-send-button:text-color': $--color-white,
  // 打赏面板剩余积分文本字体色
  'mobile-donate-panel-point:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 打赏面板剩余积分数值字体色
  'mobile-donate-panel-point-count:text-color': map.get($--skin-basic-configs, 'main-highlight-text-color'),
  // 打赏自定义金额字体色
  'mobile-donate-panel-custom-cash:text-color': map.get($--skin-basic-configs, 'main-highlight-text-color'),
  // 打赏自定义金额输入框背景色
  'mobile-donate-custom-cash-input:bg-color': $--color-white,
  // 打赏自定义金额输入框标题字体色
  'mobile-donate-custom-cash-input-title:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.7),
  // 打赏自定义金额输入框字体色
  'mobile-donate-custom-cash-input:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 打赏自定义金额随机按钮字体色
  'mobile-donate-custom-cash-random:text-color': map.get($--skin-basic-configs, 'main-highlight-text-color'),

  // 回放列表播放中按钮背景色
  'mobile-playback-list-playing:bg-color': map.get($--skin-basic-configs, 'primary-color'),
  // 回放列表字体色
  'mobile-playback-list:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 回放列表选中时的字体色
  'mobile-playback-list--active:text-color': map.get($--skin-basic-configs, 'main-highlight-text-color'),

  // 多会场背景色
  'mobile-multi-meeting:bg-color': #EDEDED,
  // 多会场字体色
  'mobile-multi-meeting:text-color': map.get($--skin-basic-configs, 'main-text-color'),

  // 多会场竖屏背景色
  'mobile-multi-meeting-portrait:bg-color': rgba($--color-white, 0.6),
  // 多会场竖屏标题字体色
  'mobile-multi-meeting-portrait-title:text-color': rgba(#333, 0.7),
  // 多会场竖屏名称字体色
  'mobile-multi-meeting-portrait-name:text-color': #333,
  // 多会场竖屏时间字体色
  'mobile-multi-meeting-portrait-time:text-color': rgba(#333, 0.6),
  // 多会场竖屏 PV 字体色
  'mobile-multi-meeting-portrait-pv:text-color': rgba(#333, 0.6),
);
